"use client"
import Content from '@/app/clients/page'
import styles from './page.module.scss'
import cx from 'classnames';

export default function NewsCenter() {
  return (
    <Content>
      <div className={cx(styles['news-center'])}>
        <img src="/imgs/clients/5-1.jpg" alt="" width='100%' />
        <div className={cx(styles['section1'], styles['bancen'])}>
          <div className={cx(styles['title'])}>
            <span>全周期服务保障</span>
            <span>FULL-CARE</span>
          </div>
          <div className={styles['content']}>
            <p>我们提供覆盖产品全生命周期的售后服务体系，从安装调试、运行维护到系统升级与退役回收，均有专业团队全程跟进。通过标准化服务流程与快速响应机制，确保客户在每一个使用阶段都能获得及时、可靠的技术支持，真正实现无忧运营。</p>
            <div className={cx(styles['imgs'])}>
              <img src="/imgs/clients/5-2.jpg" alt="" />
              <img src="/imgs/clients/5-2.jpg" alt="" />
              <img src="/imgs/clients/5-2.jpg" alt="" />
            </div>
          </div>
        </div>
        <div className={cx(styles['section2'], styles['bancen'])}>
          <div className={cx(styles['title'])}>
            <span>专业运维团队</span>
            <span>PRO-SERVICE</span>
          </div>
          <div className={styles['content']}>
            <p>我们拥有一支经过严格培训的持证技术工程师团队，具备丰富的现场经验和系统化运维能力。定期为客户开展巡检、保养与性能优化服务，并提供运维报告与改进建议，助力客户提升系统效率与使用寿命。</p>
            <img src="/imgs/clients/5-5.jpg" alt="" />
          </div>
        </div>
        <div className={cx(styles['section3'], styles['bancen'])}>
          <div className={cx(styles['title'])}>
            <span>超长质保承诺</span>
            <span>LONG-WARRANTY</span>
          </div>
          <div className={styles['content']}>
            <p>我们为核心储能产品提供长达8年的性能质保服务，承诺电池容量衰减在合理范围内。质保期内免费更换或维修不合格部件，以强有力的承诺体现对产品品质的信心，为客户投资保驾护航。</p>
            <div className={styles['list']}>
              <div className={styles['item']}>
                <img src="/imgs/clients/5-6.png" alt="" />
                <p>八年质保</p>
              </div>
              <div className={styles['item']}>
                <img src="/imgs/clients/5-6.png" alt="" />
                <p>全系保障</p>
              </div>
              <div className={styles['item']}>
                <img src="/imgs/clients/5-6.png" alt="" />
                <p>容量承诺</p>
              </div>
              <div className={styles['item']}>
                <img src="/imgs/clients/5-6.png" alt="" />
                <p>免费维保</p>
              </div>
              <div className={styles['item']}>
                <img src="/imgs/clients/5-6.png" alt="" />
                <p>安心守护</p>
              </div>
            </div>
            </div>
        </div>
      </div>
    </Content>
  );
}
